@charset "utf-8";
/* CSS Document */

*{
margin:0px;
}

body{
font:12px verdana;
width:781px;
margin:auto;
}

#top{
background:#0099FF;
color:#FFFFFF;
font-weight:900;
text-align:center;
line-height:60px;
height:60px;
}

#bottom{
clear:left;
height:30px;
line-height:30px;
background:#333333;
color:#FFFFFF;
text-align:center;
font-weight:900;
}

#left{
float:left;
width:140px;
}

#right{
float:left;
width:160px;
}

#info{
float:left;
width:478px;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

#info .news{
text-align:justify;
padding:5px;
}

.news h1{
font-size:14px;
}

.news img{
border:1px solid #333333;
padding:2px;
margin-right:5px;
margin-bottom:5px;
}

.xoa{
clear:left;
border-bottom:1px solid #666666;
}

#left h1{
background:#FF9900;
color:#FFFFFF;
font-size:14px;
text-align:center;
}

#left ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#left ul a{
text-decoration:none;
background:#EEEEEE url(arrow.png) no-repeat 12px 7px;
display:block;
width:120px;
color:#333333;
line-height:18px;
padding-left:20px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #CCCCCC;
font-weight:900;
}

#left ul a:hover{
background:#CCCCCC url(arrow.png) no-repeat 12px 7px;
}

#menu ul{
list-style-type:none;
padding:0px;
margin:0px;
}

#menu ul li{
display:inline;
}

#menu ul a{
text-decoration:none;
width:129px;
float:left;
background:#006600;
color:#FFFFFF;
font-weight:900;
border-left:1px solid #FFFFFF;
text-align:center;
line-height:18px;
}

#menu ul a:hover{
background:#009966;
}

#right h1{
background:#FF9900;
color:#FFFFFF;
font-size:14px;
text-align:center;
}

#right .hot{
padding:3px;
}

#right .hot img{
border:1px solid #333333;
padding:1px;
margin-right:3px;
margin-bottom:3px;
}

/*demo form */
label{
float:left;
width:100px;
font-weight:900;
text-align:center;
margin-top:3px;
}

input,textarea,select{
border:1px solid #00CCFF;
margin-bottom:3px;
}

legend{
font-weight:900;
color:#0099FF;
}

fieldset{
border:1px solid #00CCFF;
margin:5px;
}

.big_c{
float:left;
width:470px;
}

.colum{
float:left;
width:100px;
padding:5px;
}

.colum img{
border:1px solid #333333;
padding:2px;
}

.colum p{
text-align:center;
}

/*sub menu */

#left li{
position: relative;
}

#left li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

#left li ul li{
float: left;
}

#left li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

#left .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.png) no-repeat center right;
}

/* Holly Hack for IE \*/
* html #left li { float: left; height: 1%; }
* html #left li a { height: 1%; }
/* End */